<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->
    
	<!-- css files -->
	<link rel="stylesheet" href="/static/css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="/static/css/style2.css" type="text/css" media="all" /> <!-- Style-CSS -->
	<link rel="stylesheet" href="/static/css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->
	
	<link rel="stylesheet" href="/static/css/flexslider.css" type="text/css" media="screen" />
	
	<!--web font-->
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
	<!--//web font-->

</head>

<body>
<header>	
<div class="container">
<!-- nav -->
		<nav class="navbar navbar-expand-lg navbar-light py-4">
			<!-- logo -->
			<h1>
				<a class="navbar-brand" href="index.html"> <i class="fas fa-globe"></i>
					项目火 <span>精准吸粉</span>
				</a>
			</h1>
			<!-- //logo -->
			<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<!-- main nav -->
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ml-lg-auto text-center">

					<li class="nav-item mr-lg-2">
						<a class="contact"  href="{:url('index')}">返回首页</a>
					</li>
					<li class="nav-item mr-lg-2">
						<a class="contact" href="{:url('self')}">我的资料</a>
					</li>
					<li class="nav-item mr-lg-2">
						<a class="contact" href="{:url('member')}">信息列表</a>
					</li>
					<li class="nav-item mr-lg-2">
						<a class="contact" href="{:url('fabu')}">信息发布</a>
					</li>
					<li class="nav-item mr-lg-2">
						<a class="contact" href="{:url('message')}">客户咨询</a>
					</li>

				</ul>
			</div>
			<!-- //main nav -->
		</nav>
		<!-- //nav -->
</div>
</header>
		
<!-- banner -->
<div class="banner1">
	<div class="banner-layer1">
		<div class="container">
			<div class="agile_banner_info2">
				<div class="agile_banner_info1">
					<div id="typed-strings" class="agileits_w3layouts_strings">
						<p>您想实现贵公司网站 <i>在搜索引擎排名垄断吗?</i></p>
						<p>您想实现搜索第一页 <i>全部为贵公司信息吗？</i> </p>
						<p><i>您想快速的实现品牌知名度，</i>压制负面信息吗？ </p>
						<p>这些我们统统都可以 <i>帮你实现!</i></p>
					</div>
					<span id="typed" style="white-space:pre;"></span>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //banner -->	

<!-- about -->
<section class="welcome py-5" id="welcome">
	<div class="container">
		<div class="head_part">
			<h3 class="heading">信息发布系统</h3>
			<p class="heading-bottom mb-5">About Our Company</p>
		</div>
		<div class="row">
			<ul class="rowul">
				{volist name="info" id="vo"}
				<li>
					<h5>{$vo.title}<span class="timer">{$vo.time|date="y-m-d h:i:s",###}</span></h5>
					<h6>关键词：<a href="#">{$vo.keywords1}</a> <a href="#">{$vo.keywords2}</a></h6>
				</li>
				{/volist}
			</ul>
		</div>
	</div>
</section>
<!-- //about -->



<!-- footer -->	
<footer class="py-5">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-sm-6 agileinfo_footer_grid footer-logo">
				<h2><a href="#"><i class="fas fa-globe"></i>
					项目火 <span>吸粉系统</span></a></h2>
			</div>
			<div class="col-lg-2 col-sm-6 agileinfo_footer_grid">
				<h3 class="mb-3"> 菜单</h3>
				<div class="agileinfo-social-grids footer-w3icons">
					<ul>
						<li class="mb-1"><a href="#"><i class="fa fa-home"></i>  首页</a></li>
						<li class="mb-1"><a href="#"><i class="fa fa-home"></i> 万词霸屏</a></li>
						<li class="mb-1"><a href="#"><i class="fas fa-cogs"></i> 微信吸粉</a></li>
						<li class="mb-1"><a href="#"><i class="fas fa-users"></i> 项目火人脉圈</a></li>
						<li class="mb-1"><a href="#"><i class="fas fa-envelope-open"></i> 用户反馈</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-sm-5 mt-3 agileinfo_footer_grid">
				<h3 class="mb-3"> 地址</h3>
				<ul class="con_inner_text">
					<li class="mb-2"><span class="fa fa-map-marker" aria-hidden="true"></span>济南 <label> 市中区 万达广场 C座.</label></li>
					<li class="mb-2"><span class="fas fa-envelope-open" aria-hidden="true"></span> <a href="mailto:info@example.com">info@example.com</a></li>
					<li class="mb-1"><span class="fa fa-phone" aria-hidden="true"></span> +1234 567 567</li>
					<li class="mb-1"><span class="fa fa-clock" aria-hidden="true"></span> 8am to 6pm</li>
					<li class="mb-1"><span class="fa fa-globe" aria-hidden="true"></span> <a href="http://www.150t.com">www.150t.com</a></li>
				</ul>
			</div>
			<div class="col-lg-4 col-sm-6 mt-lg-0 mt-sm-5 mt-3 agileinfo_footer_grid">
				<h3 class="mb-3">友情链接</h3>
				<p>济南信息网</p>

			</div>
			
			<!-- copyright -->
			<div class="col-lg-6 copyleft pl-0 pt-4 mt-4">

			</div>
			<div class="col-lg-6 copyright pr-0 pt-4 mt-4">
				<p style="color: white">Copyright &copy; 2018.Company name All rights reserved.
					<a target="_blank" href="http://www.150t.com">项目火</a>
				</p>
			</div>
			<!-- //copyright -->
			
		</div>
	</div>
</footer>
<!-- footer -->

	<!-- Vertically centered Modal -->
	<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title text-capitalize text-center" id="exampleModalLongTitle"><span class="fas fa-globe"></span> 项目火 <span class="logo">精准营销</span></h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
			<form action="{:url('login')}" method="post">
			<div class="modal-body">
				<p style="padding: 10px 50px">手机号码：<input type="text" name="mobile"></p>
				<p style="padding: 10px 50px">登录密码：<input type="password" name="password"></p>
		  </div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
			  <input type="submit" class="btn btn-primary" value="登录">
		  </div>
			</form>
		</div>
	  </div>
	</div>
	<!-- //Vertically centered Modal -->

	<!-- js -->
	<script type="text/javascript" src="/static/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="/static/js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
	<!-- //js -->	
	
	<!-- banner-type-text -->
		<script src="/static/js/typed.js" type="text/javascript"></script>

	<!-- //banner-type-text -->
	
	<!-- Stats-Number-Scroller-Animation-JavaScript -->
	<script src="/static/js/waypoints.min.js"></script>
	<script src="/static/js/counterup.min.js"></script>
	<script>
		jQuery(document).ready(function( $ ) {
			$('.counter').counterUp({
				delay: 10,
				time: 1000 
			});
		});
	</script>
	<!-- //Stats-Number-Scroller-Animation-JavaScript -->
<script>
    $(function(){

        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 30,
            backDelay: 500,
            loop: false,
            contentType: 'html', // or text
            // defaults to false for infinite loop
            loopCount: false,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });

    function newTyped(){ /* A new typed object */ }

    function foo(){ console.log("Callback"); }
</script>
	<!-- flexslider --><!-- for testimonials -->
	<script defer src="/static/js/jquery.flexslider.js"></script>
	<!--Start-slider-script-->
		<script type="text/javascript">
		
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	  </script>
	<!--End-slider-script-->
	<!-- //flexslider --><!-- //for testimonials -->

	<!-- start-smoth-scrolling -->
	<script src="/static/js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="/static/js/move-top.js"></script>
	<script type="text/javascript" src="/static/js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

</body>
</html>